<!-- extends表明此页面继承自 base.html 文件 -->
{% extends "usercenter-base.html" %}
{% load staticfiles %}
<!-- 写入 base.html 中定义的 title -->
{% block title %}
    我收藏的机构
{% endblock title %}
<!-- 写入 base.html 中定义的 content -->
{% block content_user %}
    {# 讲师 #}
    <div class="column is-full">
        <div class="box columns is-multiline">
            {% for org in org_list %}
                <div class="column is-3-desktop">
                    <div class="card">
                        <div class="card-image">
                            <figure class="image is-16by9">
                                <img src="{{ MEDIA_URL }}{{ org.org_logo }}"
                                     alt="Placeholder image">
                            </figure>
                        </div>
                        <div class="card-content has-background-success">
                            <div class="media">
                                <div class="media-content has-text-centered">
                                    {# 机构名 #}
                                    <p class="title is-3 has-text-white">{{ org.name }}</p>
                                    <hr>
                                    {# 机构信息 #}
                                    <div class="columns is-multiline">
                                        {# 课程数 #}
                                        <div class="column is-full">
                                                <span>
                                                    <strong class="has-text-white">
                                                        课&nbsp;程&nbsp;数
                                                        <i class="fa fa-book" aria-hidden="true"></i>
                                                        ：{{ org.course_num }}
                                                    </strong>
                                                </span>
                                        </div>
                                        {# 学生数 #}
                                        <div class="column is-full">
                                            <span>
                                                <strong class="has-text-white">
                                                    学&nbsp;生&nbsp;数
                                                    <i class="fa fa-address-card" aria-hidden="true"></i>
                                                    ：{{ org.students }}
                                                </strong>
                                            </span>
                                        </div>
                                        {# 收藏数 #}
                                        <div class="column is-full">
                                                <span>
                                                    <strong class="has-text-white">
                                                        收&nbsp;藏&nbsp;数
                                                        <i class="fa fa-star" aria-hidden="true"></i>
                                                        ：{{ org.fav_nums }}
                                                    </strong>
                                                </span>
                                        </div>
                                        {# 机构地址 #}
                                        <div class="column is-full">
                                                <span>
                                                    <strong class="has-text-white">
                                                        地&nbsp;址
                                                        <i class="fa fa-map-marker" aria-hidden="true"></i>
                                                        ：{{ org.address }}
                                                    </strong>
                                                </span>
                                        </div>
                                        {# 经典课程 #}
                                        <div class="column is-full">
                                                <span>
                                                    <strong class="has-text-white">
                                                        经&nbsp;典&nbsp;课&nbsp;程
                                                        <i class="fa fa-thumbs-up" aria-hidden="true"></i>
                                                        ：C++从入门到精通
                                                    </strong>
                                                </span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}

